// 简单的JavaScript功能

// 等待DOM加载完成
document.addEventListener('DOMContentLoaded', function() {
    // 实现轮播图功能
    const carousel = document.getElementById('carousel');
    if (carousel) {
        let currentSlide = 0;
        const slides = carousel.querySelectorAll('.carousel-item');
        const prevBtn = document.getElementById('prevBtn');
        const nextBtn = document.getElementById('nextBtn');
        
        if (slides.length > 0) {
            // 初始化轮播图 - 确保所有幻灯片使用统一的显示控制方式
            slides.forEach((slide, index) => {
                // 移除内联style，避免与CSS类冲突
                slide.removeAttribute('style');
                
                // 确保所有幻灯片都有正确的CSS类
                slide.classList.remove('active');
                if (index === 0) {
                    slide.classList.add('active'); // 第一张图片添加active类
                }
            });
            
            // 轮播图切换函数
            function goToSlide(index) {
                // 隐藏当前幻灯片
                slides.forEach(slide => slide.classList.remove('active'));
                
                // 设置新的幻灯片索引
                currentSlide = index;
                
                // 显示新的幻灯片
                slides[currentSlide].classList.add('active');
            }
            
            // 上一张幻灯片
            function prevSlide() {
                currentSlide = (currentSlide - 1 + slides.length) % slides.length;
                goToSlide(currentSlide);
            }
            
            // 下一张幻灯片
            function nextSlide() {
                currentSlide = (currentSlide + 1) % slides.length;
                goToSlide(currentSlide);
            }
            
            // 为左右按钮添加点击事件
            if (prevBtn) {
                prevBtn.addEventListener('click', prevSlide);
            }
            
            if (nextBtn) {
                nextBtn.addEventListener('click', nextSlide);
            }
            
            // 提高自动切换的可靠性，确保能够循环播放所有图片
            let slideInterval = setInterval(function() {
                nextSlide();
            }, 3000); // 从5秒改为3秒，让切换效果更明显
        }
    }
    
    // 侧边栏交互功能
    const sidebarToggle = document.getElementById('sidebar-toggle');
    const sidebar = document.getElementById('sidebar');
    
    if (sidebarToggle && sidebar) {
        // 初始化侧边栏状态和按钮文本
        // 检查侧边栏是否可见（默认情况下）
        const isSidebarVisible = window.getComputedStyle(sidebar).display !== 'none';
        
        // 根据侧边栏的实际可见性设置按钮文本
        if (isSidebarVisible) {
            sidebarToggle.textContent = '关闭侧边栏';
        } else {
            sidebarToggle.textContent = '打开侧边栏';
        }
        
        // 侧边栏切换功能
        sidebarToggle.addEventListener('click', function() {
            if (sidebar.style.display === 'none' || (sidebar.style.display === '' && !isSidebarVisible)) {
                sidebar.style.display = 'block';
                sidebarToggle.textContent = '关闭侧边栏';
            } else {
                sidebar.style.display = 'none';
                sidebarToggle.textContent = '打开侧边栏';
            }
        });
    }
    
    // 视频播放功能
    const videoItems = document.querySelectorAll('.video-item');
    const mainVideo = document.getElementById('main-video');
    
    if (mainVideo) {
        // 如果有视频源，自动加载第一个视频
        const firstVideoItem = document.querySelector('.video-item');
        if (firstVideoItem) {
            const firstVideoUrl = firstVideoItem.getAttribute('data-video');
            if (firstVideoUrl) {
                mainVideo.src = firstVideoUrl;
                mainVideo.load();
            }
        }
        
        // 为每个视频项添加点击事件，加载对应的视频
        videoItems.forEach(function(item) {
            item.addEventListener('click', function() {
                // 获取视频URL
                const videoUrl = this.getAttribute('data-video');
                
                if (videoUrl) {
                    // 设置视频源
                    mainVideo.src = videoUrl;
                    // 加载视频
                    mainVideo.load();
                    // 自动播放视频（注意：某些浏览器可能阻止自动播放）
                    mainVideo.play().catch(function(error) {
                        console.log('自动播放被阻止:', error);
                    });
                }
            });
        });
    }
    
    // 简单的页面滚动效果 - 只对页面内锚点链接生效
    const navLinks = document.querySelectorAll('nav a');
    
    navLinks.forEach(function(link) {
        link.addEventListener('click', function(e) {
            // 获取链接的href属性
            const target = this.getAttribute('href');
            
            // 只有当链接是页面内锚点链接（以#开头）时，才阻止默认行为并实现平滑滚动
            if (target.startsWith('#')) {
                e.preventDefault();
                
                const targetElement = document.querySelector(target);
                
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 70, // 减去导航栏高度
                        behavior: 'smooth'
                    });
                }
            }
            // 对于指向其他页面的链接，不做任何处理，让其正常跳转
        });
    });
});